<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no"/>
<meta name="format-detection" content="telephone=no" />
<meta name="apple-mobile-web-app-capable" content="yes" />
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent" />
<title>东明家居集团-车辆调度系统</title>
<link rel="stylesheet" href="css/bootstrap.min.css">
<link rel="stylesheet" href="css/iview.css">
<link rel="stylesheet" href="css/style.css">
<link href="./js/toastr/toastr.css" rel="stylesheet">
    <style>
        .demo-table-info-row td{
            color: red;
        }
    </style>
</head>
<body>
<div class="container-fluid" id="app">
     <!-- breadcrumb -->
      <template class="page-header">
          <breadcrumb class="pull-left">
              <breadcrumb-item to="welcome.html" >首页</breadcrumb-item>
              <breadcrumb-item>派车</breadcrumb-item>
          </breadcrumb>
      </template>
      <!-- 搜索条件 -->
      <div class="table-margin">
          <row>
              <i-col span="3" class-name="mr10" style="width:150px;">
                  <i-input v-model="YueMan" placeholder="约车人姓名"></i-input>
              </i-col>
              <i-button type="primary" class="mr10" @click="querytable('1','99999999')">搜索</i-button>
          </row>
      </div>
      <!-- 搜索结果 -->
      <div class="table-margin">
          <i-table :columns="columns1" :data="data1"  algin="center" class="table_style"  ref="selection"  @on-row-click="rowClic" @on-selection-change="SeleChange"></i-table>
          <!--<i-button type="primary" class="mr10" @click="goSjModel" icon="ios-search">选择司机</i-button>-->
          <i-form :model="PaiModelItem" :label-width="100" class="mt20">
              <row>
                  <i-col span="6">
                      <Form-item label="选择司机：">
                          <i-input readonly="readonly" icon="ios-search" v-model="PaiModelItem.Name" style="width: 200px" @on-click="goSjModel"></i-input>
                      </Form-item>
                  </i-col>
                  <i-col span="5" class-name="mr10" >
                      <form-item label="车牌号：">
                          <i-select v-model="PaiModelItem.CarNo" placeholder="车牌号">
                              <i-option v-for="item in CarSelect" :value="item.CarNo" :label="item.CarNo" ></i-option>
                          </i-select>
                      </form-item>
                  </i-col>
                  <i-col span="1" class-name="mr10">
                         <i-button type="primary" @click="SavePaiInfo" >派车</i-button>
                  </i-col>
                  <i-col span="3" class-name="pincheicon mr10">
                         <i id="IsOrNotP1" class="ivu-icon ivu-icon-ios-person" style="display: none"></i>
                         <i id="IsOrNotP2" class="ivu-icon ivu-icon-ios-people" style="display: none"></i>
                  </i-col>
              </row>
          </i-form>
      </div>
    <!--限行信息start-->
    <div v-for="item in TrafficInfo" class="datexh">
        <div v-if="NowDay == '1'">
            <span >{{ item.Place }}</span><span> 当日限行 {{item.Mon}} ，明日限行 {{item.Tus}}</span>
        </div>
        <div v-else-if="NowDay == '2'">
            <span>{{ item.Place }}</span><span> 当日限行 {{item.Tus}} ，明日限行 {{item.Wen}}</span>
        </div>
        <div v-else-if="NowDay == '3'">
            <span>{{ item.Place }}</span><span> 当日限行 {{item.Wen}} ，明日限行 {{item.Ths}}</span>
        </div>
        <div v-else-if="NowDay == '4'">
            <span>{{ item.Place }}</span><span> 当日限行 {{item.Ths}} ，明日限行 {{item.Fri}}</span>
        </div>
        <div v-else-if="NowDay == '5'">
            <span>{{ item.Place }}</span><span> 当日限行 {{item.Fri}} ，明日限行 {{item.Sat}}</span>
        </div>
        <div v-else-if="NowDay == '6'">
            <span>{{ item.Place }}</span><span> 当日限行 {{item.Sat}} ，明日限行 {{item.Sun}}</span>
        </div>
        <div v-else-if="NowDay == '7'">
            <span>{{ item.Place }}</span><span> 当日限行 {{item.Sun}} ，明日限行 {{item.Mon}}</span>
        </div>
    </div>
    <!--限行信息end-->

    <!--约车撤销Start-->
    <modal v-model="YueCheModel" title="撤销约车需填信息" @on-ok="CheYue" @on-cancel="cancel" width='1100' footer="no">
        <i-form :model="YueCheItem" label-position="right" :label-width="133">
            <row>
                <i-col span="9" offset="1">
                    <Form-item label="撤销原因：" >
                        <i-input v-model="YueCheItem.YueCheReason"></i-input>
                    </Form-item>
                </i-col>
            </row>
        </i-form>
    </modal>
    <!--约车撤销End-->

    <!--选择司机弹框start-->
    <modal v-model="SjModel" title="选择司机" @on-ok="cancel" @on-cancel="cancel" width='1100' footer="no">
        <div class="table-margin">
            <row>
                <i-col span="3" class-name="mr10" style="width:150px;">
                    <i-input v-model="SjName" placeholder="司机姓名"></i-input>
                </i-col>
                <i-button type="primary" class="mr10" @click="querysjtable('1','99999999')">搜索</i-button><!--<i-button @click="goPaiModel">派车</i-button>-->
            </row>
        </div>
        <div class="table-margin">
            <i-table :columns="columns2" :data="data2"  algin="center" class="table_style" @on-row-click="sjRowClic" :row-class-name="rowClassName"></i-table>
        </div>
    </modal>
    <!--选择司机弹end-->
</div>
</body>
<script src="./js/jquery-1.11.1.min.js"></script>
<script src="./js/vue.js"></script>
<script src="./js/iview.min.js"></script>
<script src="./js/dis/dis_pai2.js"></script>
<script src="./js/toastr/toastr.min.js"></script>
</html>

  

  

  

  

  
